<!doctype html>
<html class="no-js" lang="en">
  <head>
    <meta charset="utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
    <meta http-equiv="x-goalert-version" content="{{ .GitVersion }}" />
    <meta http-equiv="x-goalert-build-date" content="{{ .BuildStamp }}" />
    <meta http-equiv="x-goalert-git-commit" content="{{ .GitCommit }}" />
    <meta http-equiv="x-goalert-git-tree-state" content="{{ .GitTreeState }}" />
    <meta property="csp-nonce" content="{{ .Nonce }}" />
    <link rel="stylesheet" html="{{ .Prefix }}/static/loading.css" />

    <title>{{ .ApplicationName }}</title>
    <meta name="viewport" content="width=device-width, initial-scale=1" />
    <link rel="preconnect" href="https://gravatar.com" />
    <link href="{{ .Prefix }}/static/app.css" rel="stylesheet" />
    <link
      rel="shortcut icon"
      type="image/png"
      sizes="16x16"
      href="{{ .Prefix }}/static/favicon-16.png"
    />
    <link
      rel="shortcut icon"
      type="image/png"
      sizes="32x32"
      href="{{ .Prefix }}/static/favicon-32.png"
    />
    <link
      rel="shortcut icon"
      type="image/png"
      sizes="64x64"
      href="{{ .Prefix }}/static/favicon-64.png"
    />
    <link
      rel="shortcut icon"
      type="image/png"
      sizes="128x128"
      href="{{ .Prefix }}/static/favicon-128.png"
    />
    <link
      rel="apple-touch-icon"
      type="image/png"
      href="{{ .Prefix }}/static/favicon-192.png"
    />
  </head>
  <style nonce="{{ .Nonce }}">
    #app > .initial-load {
      width: 100%;
      height: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
    }
    #app > .initial-load > div {
      height: 30vh;
      width: 30vw;
    }
  </style>
  <body>
    <div id="app">
      <div class="initial-load">
        <div>
          <svg
            width="100%"
            height="100%"
            viewBox="0 0 1200 1200"
            fill="none"
            xmlns="http://www.w3.org/2000/svg"
          >
            <g id="lightmode_logo_full 1">
              <path
                id="phoneOutline"
                fill-rule="evenodd"
                clip-rule="evenodd"
                d="M721 206H441C406.758 206 379 233.758 379 268V461H358V268C358 222.16 395.16 185 441 185H721C766.84 185 804 222.16 804 268V384.641H783V268C783 233.758 755.242 206 721 206ZM358 830V932C358 977.84 395.16 1015 441 1015H721C766.84 1015 804 977.84 804 932V792.641H783V932C783 966.242 755.242 994 721 994H441C406.758 994 379 966.242 379 932V830H358Z"
                fill="#CC0000"
              />
              <path
                id="craneWing"
                d="M443.001 529.36L509.5 380.36L828.313 588.937L1068 560.5L900 702.5L443.001 529.36Z"
                fill="#171717"
              />
              <path
                id="craneMouth"
                d="M313 514.359L204 614.359L356.5 556.859L313 514.359Z"
                fill="#171717"
              />
              <path
                id="craneBody"
                d="M1026 255L865.56 689.339L900 702.5L609 807.359L312.639 514.69L204 614.359L288 490.359L288.064 490.421L288.002 490.36L612.483 558.632L780.001 429.5L1026 255Z"
                fill="#CC0000"
              />
              <g id="dotContainer" filter="url(#filter0_d_7_2)">
                <path
                  fill-rule="evenodd"
                  clip-rule="evenodd"
                  d="M411 749.78C411 761.5 401.505 771 389.793 771H156.207C144.495 771 135 761.5 135 749.78V677.018C135 665.299 144.495 655.798 156.207 655.798H389.793C401.505 655.798 411 665.299 411 677.018V749.78Z"
                  fill="#CC0000"
                />
              </g>
              <circle id="dot1" cx="201.5" cy="713.5" r="12.5" fill="#FEFEFE" />
              <circle id="dot2" cx="273.5" cy="714.5" r="12.5" fill="#FEFEFE" />
              <circle id="dot3" cx="345.5" cy="713.5" r="12.5" fill="#FEFEFE" />
            </g>
            <defs>
              <filter
                id="filter0_d_7_2"
                x="131"
                y="655.798"
                width="284"
                height="123.202"
                filterUnits="userSpaceOnUse"
                color-interpolation-filters="sRGB"
              >
                <feFlood flood-opacity="0" result="BackgroundImageFix" />
                <feColorMatrix
                  in="SourceAlpha"
                  type="matrix"
                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"
                  result="hardAlpha"
                />
                <feOffset dy="4" />
                <feGaussianBlur stdDeviation="2" />
                <feComposite in2="hardAlpha" operator="out" />
                <feColorMatrix
                  type="matrix"
                  values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"
                />
                <feBlend
                  mode="normal"
                  in2="BackgroundImageFix"
                  result="effect1_dropShadow_7_2"
                />
                <feBlend
                  mode="normal"
                  in="SourceGraphic"
                  in2="effect1_dropShadow_7_2"
                  result="shape"
                />
              </filter>
            </defs>
          </svg>
        </div>
      </div>
    </div>
    <div id="graceful-unmount"></div>
    <script nonce="{{.Nonce}}">
      pathPrefix = "{{.PathPrefix}}";
      applicationName = "{{.ApplicationName}}";
    </script>
    <script src="{{ .Prefix }}/static/app.js"></script>
    {{- if .ExtraJS }}
      <script src="{{ .Prefix }}{{ .ExtraJS }}"></script>
    {{- end }}
  </body>
</html>
